<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="styles.css">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
	<link rel="stylesheet" href="../dist/polyfill.object-fit.css">
	<style>
		img {
			width: 100%;
			height: 35em;

			margin: 10px 0;
			border: 5px solid red;

			object-fit: cover;
			overflow: hidden;
		}
	</style>
</head>
<body>
	<h1><code>object-fit: cover;</code></h1>
	<img src="image.jpg">

	<script src="../dist/polyfill.object-fit.js"></script>
	<script>
		// Call polyfill to fit in images
		document.addEventListener('DOMContentLoaded', function () {
			objectFit.polyfill({
				selector: 'img',
				fittype: 'cover',
				disableCrossDomain: 'false'
			});
		});
	</script>
</body>
</html>
